<mat-drawer-container class="example-container" autosize [class.myapp-dark-theme]="darkTheme">
  <mat-drawer #drawer class="example-sidenav" mode="over">
    <app-sidebar (navClick)="drawer.toggle()"></app-sidebar>
  </mat-drawer>
  <div class="example-sidenav-content">
    <div class="site">
      <header>
        <app-header (toggle)="drawer.toggle()" (toggleDarkTheme)="switchTheme($event)"></app-header>
      </header>
      <main>
         <router-outlet></router-outlet>
      </main>
      <footer>
        <app-footer></app-footer>
      </footer>
    </div>
  </div>
</mat-drawer-container>



